<template>
  <div id="app">
    <Header></Header>
    <!-- 路由出口 -->
    <router-view></router-view>
    <!-- 在首页 搜索显示Footer -->
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Header from './components/Header'
import Footer from './components/Footer'
import {mapActions} from 'vuex';
export default {
  name: 'App',
  components: {
    Header,
    Footer
  },
  mounted(){
    // 通过Vuex发送请求获取商品链接 目的只发送一次
    // this.$store.dispatch('home/categoryList')
    this.GetCategoryList()
  },
  methods: {
    // 生成 GetCategoryList 方法，去commit  这个 categoryList 函数
    ...mapActions('home',{GetCategoryList: 'categoryList'})
  }
}
</script>

<style>
</style>
